<template>
  <el-footer>
    <div class="footer-container margin-auto">
      <div class="footer-logo">
        <figure style="text-align: center">
          <img style="margin-top: 35px" src="../assets/img/logo_bottom.png" alt="logo">
        </figure>
      </div>
      <div class="copy-info">
        <ul style="padding-left: 0px;width: 690px">
          <li>兰州理工大学-Lanzhou University of Technology-奋进求是</li>
          <li>校本部：甘肃省兰州市七里河区兰工坪路287号 (86-0931)-2973715</li>
          <li>西校区：甘肃省兰州市七里河区彭家坪路36号 (86-0931)-2973715</li>
          <li>陇ICP备15002798号</li>
        </ul>
      </div>
      <div class="footer-share">
        <figure style="margin: 0px">
          <img style="margin-top: 60px" src="../assets/img/erweima_41.png" alt="logo">
          <span style="padding-left: 11px">微信公众号</span>
        </figure>
<!--        <div>-->
<!--          <span class="iconfont icon-weibo"></span> <span class="iconfont icon-tengxunweibo"></span>-->
<!--        </div>-->
      </div>
    </div>
  </el-footer>
</template>

<script>
export default {
  name: "the-footer"
}
</script>

<style scoped>
/*footer部分*/
.el-footer{
  height: 260px;
  background-color: #546a7b;
}
footer .footer-container {
  width: 1500px;
}
footer .footer-container .footer-logo {
  width: 260px;
  float: left;
}
footer .footer-container .footer-logo figure {
  text-align: center;
}
footer .footer-container .footer-logo figure img {
  margin-top: 65px;
}
footer .footer-container .copy-info {
  width: 690px;
  float: left;
}
footer .footer-container .copy-info ul {
  margin-top: 82px;
}
footer .footer-container .copy-info ul li {
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  color: white;
  text-align: left;
}
footer .footer-container .footer-share {
  width: 105px;
  float: left;
}
footer .footer-container .footer-share figure {
  height: 150px;
}
footer .footer-container .footer-share figure img {
  margin-top: 45px;
}
</style>
